<template>
    <Head/>
    <div id="user">
        <el-container>
            <el-main>
                <el-tabs @tab-click="handleClick">
                    <el-tab-pane label="个人信息" name="first"><UserInformation/></el-tab-pane>
                    <el-tab-pane label="所加入的团队" name="second"><JoinTeams/></el-tab-pane>
                    <el-tab-pane label="个人成就统计" name="third"><PersonalGrades/></el-tab-pane>
                    <el-tab-pane label="待完成的作业" name="fourth"><ToDealWork/></el-tab-pane>
                </el-tabs>
            </el-main>
        </el-container>
        <Foot/>
    </div>
</template>

<script>
    import Head from "@/components/Head";
    import UserInformation from "@/components/user/UserInformation";
    import JoinTeams from "@/components/user/JoinTeams";
    import PersonalGrades from "@/components/user/PersonalGrades";
    import ToDealWork from "@/components/user/ToDealWork";
    import Foot from "@/components/Foot";
    export default {
        name: "User",
        components: {Foot, ToDealWork,PersonalGrades, JoinTeams, UserInformation, Head}
    }
</script>

<style>

</style>
